<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>label</title>
    <link rel="stylesheet" type="text/css" href="../../themes/bootstrap/cetc54.ui.all.css">
</head>
<body>
<p>普通label</p>

<div style="padding: 5px;"><span class="label label-default">Default</span>
    <span class="label label-primary">Primary</span>
    <span class="label label-success">Success</span>
    <span class="label label-info">Info</span>
    <span class="label label-warning">Warning</span>
    <span class="label label-danger">Danger</span>
</div>
<div style="padding: 5px;">
<pre><code class="language-html xml"><span class="tag">&lt;<span class="title">span</span> <span
        class="attribute">class</span>=<span class="value">"label label-default"</span>&gt;</span>Default<span
        class="tag">&lt;/<span class="title">span</span>&gt;</span>
    <span class="tag">&lt;<span class="title">span</span> <span class="attribute">class</span>=<span class="value">"label label-primary"</span>&gt;</span>Primary<span
            class="tag">&lt;/<span class="title">span</span>&gt;</span>
    <span class="tag">&lt;<span class="title">span</span> <span class="attribute">class</span>=<span class="value">"label label-success"</span>&gt;</span>Success<span
            class="tag">&lt;/<span class="title">span</span>&gt;</span>
    <span class="tag">&lt;<span class="title">span</span> <span class="attribute">class</span>=<span class="value">"label label-info"</span>&gt;</span>Info<span
            class="tag">&lt;/<span class="title">span</span>&gt;</span>
    <span class="tag">&lt;<span class="title">span</span> <span class="attribute">class</span>=<span class="value">"label label-warning"</span>&gt;</span>Warning<span
            class="tag">&lt;/<span class="title">span</span>&gt;</span>
    <span class="tag">&lt;<span class="title">span</span> <span class="attribute">class</span>=<span class="value">"label label-danger"</span>&gt;</span>Danger<span
            class="tag">&lt;/<span class="title">span</span>&gt;</span></code></pre>
</div>
<p>标记</p>

<div style="margin: 5px;padding: 5px;width: 200px;border: 1px solid #a8acaf;">
    <a href="#">消息<span class="badge">14</span></a>
</div>

<p>警告框</p>
<div style="width: 500px;padding: 5px;">
    <div class="alert alert-success"><strong>Well done!</strong> You successfully
        read <a class="alert-link" href="#">this
            important alert message</a>.       </div>
    <div class="alert alert-info"><strong>Heads up!</strong> This <a class="alert-link" href="#">alert needs your attention</a>, but
        it's not super important.       </div>
    <div class="alert alert-warning"><strong>Warning!</strong> Best check yo self,
        you're <a class="alert-link" href="#">not
            looking too good</a>.       </div>
    <div class="alert alert-danger"><strong>Oh snap!</strong> <a class="alert-link" href="#">Change a few things up</a> and try
        submitting again.       </div></div>
</body>
</html>